<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script src="jquery-3.6.0.min.js"></script>
		<script>
			//函数式编程
			$(function(){
				alert("页面加载完成，jquery调用成功！")
			url="http://localhost:8085/getUser"
			var name="张三"
			var age=18
			var args1="name="+name+"&age="+age
			var args2={name:name,age:age}
			
			// $.get(url,function(data){
			// 	// for(var i=0;i<data.length;i++){
			// 	// 	var user=data[i]
			// 	// 	console.log(user)
			// 	// }
			// 	for(var index in data){
			// 		//console.log(data[index])
			// 		var user=data[index]
			// 		var id=user.id
			// 		var name=user.name
			// 		var sex=user.sex
			// 		var age=user.age
			// 		var tr="<tr align='center'><td>"+id+"</td><td>"+
			// 		name+"</td><td>"+age+"</td><td>"+sex+"</td></tr>"
			// 		$("#tab1").append(tr)
					
			// 	}
			// })
			
			
			$.ajax({
				type:"get",
				url:"http://localhost:8085/getUser",
				//data:{key:value,key2:value2}
				//返回类型，例如jsonp（跨域的）
				dataType:"text",
				cache:false,
				async:false,
				//回调函数，返回值的处理
				success:function(result){
					console.log(result)
				},
				error:function(){
					alert("服务器正忙，请稍后！")
				},
				
			})
			
			
			
			
			
			})
			
			
			
			
		</script>
	</head>
	<body>
		<table id="tab1" border="1px" width="700px" align="center">
			<tr>
				<td colspan="4" align="center"><h1>表格数据</h1></td>
			</tr>
			<tr align="center">
				<td>ID编号</td>
				<td>名称</td>
				<td>年龄</td>
				<td>性别</td>
			</tr>
			<tr align="center">
				<td>100</td>
				<td>测试数据</td>
				<td>18</td>
				<td>女</td>
			</tr>
			<tr align="center">
				<td>100</td>
				<td>测试数据</td>
				<td>18</td>
				<td>男</td>
			</tr>
		</table>
	</body>
</html>
